<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="manage/manage_layout">

<head>
    <title>日志管理</title>
    <style>
        #searchkey {
            min-width: 400px;
        }

        #startTime {
            width: 130px;
        }

        #endTime {
            width: 130px;
        }
    </style>
</head>

<body class="manage">

<div layout:fragment="content">
    <div class="container-fluid">
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">日志管理</a>
                </div>
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <label for="searchkey" class="sr-only">请输入查询关键字</label>
                        <input type="text" class="form-control" id="searchkey" name="searchkey"
                               placeholder="请输入任意查询关键字(日志ID/日志内容/用户ID/用户名称/.......)">
                        <input type="text" class="dn"><!--防止form回车自动提交-->
                    </div>
                    <div class="form-group">
                        <label for="logType" class="sr-only">日志类型</label>
                        <select id="logType" name="logType" class="form-control">
                            <option value="visit">访问日志</option>
                            <option value="oper">操作日志</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="startTime" class="sr-only">请选择开始时间</label>
                        <input type="text" class="form-control manage-input-laydate" id="startTime" name="startTime" placeholder="请选择开始时间">
                        <label>-</label>
                        <label for="endTime" class="sr-only">请选择结束时间</label>
                        <input type="text" class="form-control manage-input-laydate" id="endTime" name="endTime" placeholder="请选择结束时间">
                    </div>
                    <button type="button" class="btn btn-primary" id="btnSearch">查询</button>
                    <button type="reset" class="btn btn-default">清空</button>
                </form>
            </div>
        </nav>

        <div class="table-box">
            <div id="toolbar" class="table-toolbar">
                <a href="javascript:exportDialog()" class="btn"><i class="glyphicon glyphicon-export"></i> 导出</a>
            </div>
            <table id="table"></table>
        </div>
    </div>

    <script th:replace="common/common_libs::commonjs"></script>
    <script src="/js/manage/log.js"></script>
    <script>
        initLaydate();
        initUserTable();
    </script>
</div>

</body>
</html>